import ready from "../../script/base.js";
import createPlayer from "../../script/module/music.163.player.js";
import Board from "../../script/module/board.js";

ready(
  () => {
    console.log("interactive");
    const player = createPlayer(3038197537, true); // 创建网易云音乐播放器
    player.classList.add("wyy-player"); // 为播放器添加类名
    player.style.cssFloat = "right"; // 为播放器设置右浮动
    document
      .querySelector("#dzx")
      .insertBefore(player, document.querySelector("#mainMenu")); // 添加播放器到文件目录右边
  },
  () => {
    console.log("complete");
    const board = new Board(); // 创建留言板包装类
    board
      // .setBoardWelcomeText("hi，欢迎留言！")
      .installBoardFilter(() => {
        alert("少说脏话");
      });
  }
);

const newDiv = document.createElement("div");
// `
// <STYLE>a:hover{cursor:url()}body,.ystop{background-image:url(http://ys-g.ys168.com/467804852/g5U5S2M732VNM3mhcz8h/iOS-12-5120-x-2880.jpg}</STYLE>
//   <style type="text/css">#nr {background:url(http://ys-g.ys168.com/467804895/mjcx6jr2J6N4T5H7LKO/2.png) center center no-repeat #f5f5f5;}</style>
//   <MARQUEE </MARQUEE><img src=http://ys-d.ys168.com/467804846/n3X5U2K561KQJJklbv9j/uugai.png>
//   <html><body><p><font size="5" color="red">韬哥都市是一款中国风现代风格的作品，全新的画面效果，创新玩法，带给玩家独特的体验!
// `; // 默认装修代码
newDiv.innerHTML = `
<style>
  #nr {
    background: url("http://ys-g.ys168.com/467804895/mjcx6jr2J6N4T5H7LKO/2.png") center center no-repeat #f5f5f5;
  }
</style>
<MARQUEE>
  <div class="my-intro">韬哥都市是一款中国风现代风格的作品，全新的画面效果，创新玩法，带给玩家独特的体验!</div>
  <img src="http://ys-d.ys168.com/467804846/n3X5U2K561KQJJklbv9j/uugai.png" alt/>
</MARQUEE>
`; // 新装修代码
document.querySelector("#laczts").appendChild(newDiv); // 将携带了装修代码的新元素挂载到底部

document.querySelector(
  "#kjbt"
).innerHTML = `<img src="http://ys-d.ys168.com/467804846/n3X5U2K561KQJJklbv9j/uugai.png">`; // 在大标题填充图片
